<template>
 <el-card style="width: 250px;height: 360px;color: #040404;">
    <div class="body">
      <img :src="img" alt="">
    </div>
  <hr>
  <div class="gao">
     <div style="color: red;">{{ title1 }}</div>
    <div class="footer">
      <span><strong>{{ title2 }}</strong></span><br>
        <span style="color: red;"><strong>{{ content1 }}</strong></span><br>
      <span>{{ content2 }}</span>
     <el-button type="warning" round><router-link to="/goumai"><el-link type="goumai">立即购买</el-link></router-link></el-button>
      
    </div>
  </div> 
  
  </el-card>

</template>

<script setup>
const props=defineProps(['title1','title2','img','content1','content2'])
</script>

<style scoped>
.body{
    display: flex;
    /* justify-content: space-around; */
  line-height: 100px;
  font-size: 30px;
  }
  .body img{
    width: 200px;
    height: 150px;
  }
  .footer{
    /* display: flex; */
    justify-content: space-around;
    line-height: 35px;
  }
  .gao{
    margin-top: 15px;
  }
  .el-button{
    color:#E6A23C;
  }
</style>